<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
		body {
			height: 3000px;
		}
		::-webkit-scrollbar {
			width: 12px;
		}
		::-webkit-scrollbar-thumb {
			background: linear-gradient(rgb(17, 157, 212), rgb(17, 212, 105));
			border-radius: 5px;
			transition: 1s;
		}
		::-webkit-scrollbar-thumb:hover {
			background: linear-gradient(rgb(17, 212, 105), rgb(17, 157, 212));
		}
		/*
		::-webkit-scrollbar — 整个滚动条.
		::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
		::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
		::-webkit-scrollbar-track — 滚动条轨道.
		::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
		::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
		::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).
		*/
	</style>
</head>
<body>

</body>
</html>